<template>
  <div>
    <!-- <Demo1 /> -->
    <!-- <Demo2 /> -->
    <!-- <Demo3 /> -->
    <!-- <Demo4 /> -->
    <!-- <Demo5 /> -->
    <!-- <Demo6 /> -->
    <!-- <Demo7 /> -->
    <!-- <Demo8 /> -->
    <!-- <Demo9 /> -->
    <!-- <Demo10 /> -->
    <!-- <Demo11 /> -->
    <!-- <Demo12 /> -->
    <!-- <Demo13 /> -->
    <!-- <Demo14 ref="flower" />
    <button @click="show">打印flower</button> -->
    <!-- <Demo15 /> -->
    <!-- <Demo16 x="哎哎哎" y=true z=4 :list1="monkeylist"/> -->
    <!-- <Demo16 a1="哎哎哎" a2="2" a3=4 /> -->
    <!-- <Demo17 v-if="site" />
    <button @click="show">消失</button> -->
    <Demo18 />


  </div>
</template>

<script setup lang="ts">
import { reactive, ref } from 'vue';

// import Demo1 from './components/Demo1.vue';
// import Demo2 from './components/Demo2.vue';
// import Demo3 from './components/Demo3.vue';
// import Demo4 from './components/Demo4.vue';
// import Demo5 from './components/Demo5.vue';
// import Demo6 from './components/Demo6.vue';
// import Demo7 from './components/Demo7.vue';
// import Demo8 from './components/Demo8.vue';
// import Demo9 from './components/Demo9.vue';
// import Demo10 from './components/Demo10.vue';
// import Demo12 from './components/Demo12.vue';
// import Demo13 from './components/Demo13.vue';
// import Demo14 from './components/Demo14.vue';
// import Demo15 from './components/Demo15.vue';
// import Demo16 from './components/Demo16.vue';
// import Demo17 from './components/Demo17.vue';
import Demo18 from './components/Demo18.vue';

//Demo14相关
// const flower = ref();
// console.log(flower, 'flower1');
// console.log(flower.value, 'flower2');
// function show() {
//   console.log(flower, 'flower3');
//   console.log(flower.value.a1, 'flower-a1');
//   console.log(flower.value.a2, 'flower-a2');
//   console.log(flower.value.a3, 'flower-a3');
//   console.log(flower.value.today, 'flower-today-1');
//   console.log(flower.value.today.value, 'flower-today-2');
// }
//Demo14相关

//Demo16相关
// let monkeylist =reactive([
//   {
//     id: 1,
//     name: "孙悟空",
//     age: 500
//   },
//   {
//     id: 2,
//     name: "悟空孙",
//     age: 500
//   },
//   {
//     id: 3,
//     name: "空孙悟",
//     age: 500
//   },
// ]) 
//Demo16相关

//Demo17相关
// let site = ref(true);

// function show(){
//   site.value = site.value?false:true;
// }
// //Demo17相关

</script>

<style></style>